<template>
<h1>{{info}} sb</h1>
  <button @click="info = '你是info'">sb</button>
  <hr>
  <button @click="info2 = '你是info'">sb</button>
  <h1>{{info2}}</h1>
  <p>{{info}} sb</p>
  <br>
  <p v-html="info2"></p>
  <p v-text="info2"></p>
  <hr>
  <button @click="f">sb</button>
</template>
<script setup>
import {ref} from "vue";
const info2 = ref('你是<mark>info</mark>999');
const info = ref('你是info');
info.value = '你是info';
const f = () => {
  console.log(info.value);
}
</script>

<style scoped>

</style>